<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>请选择服务类型</title>
    <link rel="stylesheet" href="http://cdn.suoluomei.com/common/js/css/wpf/weui.css" />
    <link rel="stylesheet" href="http://cdn.suoluomei.com/common/js/css/wpf/jquery-weui.css" />
    <link rel="stylesheet" href="http://cdn.suoluomei.com/common/js/css/wpf/weui.min.css" />

    <style>
        *{padding: 0;margin: 0;}
        .wpf_orderBox{position: relative;overflow-x: hidden;width: 100%;}
        .weui-cells{margin-top: 0;}
        .tianmao{width: 25px;height: 25px;}
        .weui-cell__hd img{margin-right: 15px;}
        .weui-media-box__title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: pre-wrap;line-height: 18px;font-size: 16px;color: #373938;}
        .weui-cell__bd_p1{color: #000000;font-size: 14px;}
        .weui-cell__bd_p2{color: #999999;font-size: 12px;}

        .weui-cells,.weui-panel{margin-top: 0;}
        .weui-panel:before,.weui-media-box_appmsgs:nth-child(1):before{border-top: none;}
        .weui-cell__hd img{margin-right: 15px;}
        .weui-media-box_appmsg .weui-media-box__hd{width: 70px;height: 70px;}
        .weui-media-box_appmsgs{display: block;position: relative;}
        .weui-media-box_appmsgs:before {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #E5E5E5;color: #999999;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);left: 15px;}

    </style>
</head>
<body>
<div class="wpf_orderBox">
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__bd weui-panel__bd_list">

        </div>
    </div>

    <div style="height: 8px;background: #e5e5e5;"></div>
    <div class="weui-cells">
        <div class="weui-cell weui-cell_access" onclick="apply_refund()">
            <div class="weui-cell__hd">
                <img class="tianmao" src="__PUBLIC__/orderImg/money1.svg">
            </div>
            <div class="weui-cell__bd">
                <p class="weui-cell__bd_p1">售后</p>
                <p class="weui-cell__bd_p2">未收到货(包括未签收)，或售后协商同意前提下</p>
            </div>
            <div class="weui-cell__ft"></div>
        </div>
        <div class="weui-cell weui-cell_access" onclick="apply_refund()">
            <div class="weui-cell__hd">
                <img class="tianmao" src="__PUBLIC__/orderImg/refund.svg">
            </div>
            <div class="weui-cell__bd">
                <p class="weui-cell__bd_p1">退货退款</p>
                <p class="weui-cell__bd_p2">已收到货，需要退换已收到的货物</p>
            </div>
            <div class="weui-cell__ft"></div>
        </div>
        <div class="weui-cell weui-cell_access" onclick="apply_refund()">
            <div class="weui-cell__hd">
                <img class="tianmao" src="__PUBLIC__/orderImg/sales_return.svg">
            </div>
            <div class="weui-cell__bd">
                <p class="weui-cell__bd_p1">换货</p>
                <p class="weui-cell__bd_p2">已收到货，需要更换已收到的货</p>
            </div>
            <div class="weui-cell__ft"></div>
        </div>
    </div>
</div>
</body>
</html>
<script src="http://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>
<script src="http://cdn.suoluomei.com/common/js/jquery-weui.js"></script>
<script>
    $(document).ready(function (){
        let key = '2b029d40d498184def791ff46e189670'
        let code = "10408030450361573078"
        $.ajax({
            type: "POST",
            url: 'http://test2.herbplantist.com/api/apiRequest2.php?m=getOrderInfo',
            data: {
                key: key,
                code: code,
            },
            dataType: "json",
            success: function (res) {
                console.log(res)
                if(res.errcode == 0){
                    for (let i = 0; i < res.data.goods.length; i++) {
                        let myli = '<div class="weui-media-box_appmsg weui-media-box_appmsgs">\n' +
                            '                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">\n' +
                            '                    <div class="weui-media-box__bd">\n' +
                            '                        <h4 class="weui-media-box__title">'+ res.data.goods[i].name +'</h4>\n' +
                            '                    </div>\n' +
                            '                </a>\n' +
                            '            </div>';
                        $('.weui-panel__bd_list').append(myli);
                    }
                }else{

                }
            }
        })
    });
    function apply_refund(){
        window.location.href="__CONTROLLER__/apply_refund";
    }
</script>